<template>
 <div>
    <!-- 查询字符串列表
     <ul>
         <li v-for="(item,index) in heros" :key='index'>
             {{item.name}}
            
             <router-link :to="{name:'xiang',query:{id:index} }">查看</router-link>
         </li>
     </ul> -->
     path列表
     <ul>
         <li v-for="(item,index) in heros" :key='index'>
             {{item.name}}
             <!-- 去哪里 -->
             <router-link :to="{name:'xiang',params:{id:index} }">查看</router-link>
         </li>
     </ul>
 </div>
</template>

<script type="text/ecmascript-6">
    export default{
        data(){
            return {
                heros:[{
                    name:'李师师'
                },{
                    name:'唐婉'
                }]
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    div
        height 200px
        background  rgba(255,255,255,0.5)
 
</style>

